<template>
    <div id="todoHeader">
        <a href="https://gitee.com/snowy-mountains-can-be-seen/vue-todo.git">https://gitee.com/snowy-mountains-can-be-seen/vue-todo.git</a>
        <p class="mainMyDay">待办事项</p>
        <p class="date">{{time}},{{dayOfweek}}</p>
    </div>
</template>

<style scoped>
    a{
        color: white;
    }
    #todoHeader{
        padding-left:50px;
        padding-top: 30px;
        width: 80%;
        height: 15%;
    }
    p{
        color: white;
    }
    .mainMyDay{
        font-size: 26px;
        font-weight: bold;
    }
    .date{
        margin-top: -20px;
    }
</style>

<script setup>
const date = new Date();
const weekdays = ['星期一','星期二','星期三','星期四','星期五','星期六','星期天']
const dayOfweek = weekdays[date.getDay()]

const yy = new Date().getFullYear()
const mm = new Date().getMonth() + 1
const dd = new Date().getDate()
const time = yy + '/' + mm + '/' + dd
</script>